<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--META-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content=""> 
<meta name="keywords" content=""> 
<meta name="googlebot" content="all"> 
<meta name="revisit-after" content="1 Days"> 
<meta name="robots" content="all"> 
<meta name="distribution" content="global"> 
<meta name="rating" content="general"> 
<meta name="author" content=""> 
<meta http-equiv="copyright" content="Copyright © "> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 
<title>e-sınav burada</title>
<!--STYLE-->
<link type="text/css" rel="stylesheet" href="style/site.css"  />
<link type="text/css" rel="stylesheet" href="style/nivo-slider.css"  />
<!--SCRIPT-->
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="scripts/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="scripts/customSelect.jquery.js"></script>
<script type="text/javascript" src="scripts/common.js"></script>

</head>
<body>
<!--SITE-->
<div id="site">
	<!--HEADER-->
    <div id="header" class="testPage">
    	<!--LOGO-->
        <div class="logo">
        	<h1><a href="#" title="online sınav platformu">e-sınav burada</a></h1>
        </div> 
        <!--SEARCH BAR-->
        <div class="searchBar">
        	<!--ANNOUNCEMENTS-->
            <div class="announcements">
            	<!--PLATFORM TITLE-->
                <div class="platformTitle">
                    <h2>KPSS PLATFORMU</h2>
                </div>
                <!--LOGIN AREA-->
                <div class="loginArea">
                    <a href="#" class="loginLink">GİRİŞ</a>
                    <a href="#" class="loginLink">KAYIT</a>
                </div>
            </div>
            <!--SEARCH-->
            <div class="search">
            	<form>
                	<input type="text" />
                    <input type="submit" value="ARA" />
                </form>
            </div>
        </div>
	</div>
	<!--CONTENT-->
    <div id="content">
        <!--HOME SLIDER-->
        <div class="overflow marginTop10 contentHolder tryItBannerArea">
        	<div class="overflow" id="slider">
            	<p><img src="data/tryItBanner1.jpg" width="818" height="200" /></p>
            	<p><img src="data/tryItBanner2.jpg" width="818" height="200" /></p>              
            </div>        	
        </div>
        <!--HOME BOTTOM-->
        <div class="overflow">
        	<!--BIG COLUMN-->
            <div class="floatLeft bigColumn columnSeperator marginTop10">
            	<div class="contentHolder marginTop10">
                	<!--HEADER-->
                	<div class="tryItHeader">
                    	<div class="floatLeft">
                        	<div class="floatLeft marginRight10"><img src="images/TryItImage.png" /></div>
                            <div class="floatLeft creditInfo"><p class="creditNumber">75</p><p class="creditLabel">Kredi</p></div>
                        </div>
                        <div class="floatRight marginTop10">                            	
                                <div class="floatRight">
                                	<select class="nmCustomSelectBox">
                                    	<option value="genel" selected="selected">Genel Kültür / Genel Yetenek Sınavı</option>
                                        <option value="genel">Dolor</option>
                                        <option value="genel">Sit Amet</option>
                                    </select>
                                </div>
                                <div class="floatRight marginRight5 marginTop5">Kategori Seçin</div>
                        </div>
                    </div>
                    <!--CONTENT-->
                    <div class="tryItContent">
                    	Sınav içeriği
                    </div>
                    <!--FOOTER-->
                	<div class="tryItFooter">
                    	<div class="floatLeft" style="margin-top:3px">
                        	Satın Alacağınız Sınav Sayısı <input type="text" /> x 75 = <input type="text" />
                        </div>
                        <div class="floatRight">
                        	<a href="#"><img src="images/AddToBasket.png"  /></a>
                        </div>
                    </div>
                </div>
                <div class="overflow marginTop10 cautions">
                	<ul>
                    	<li>Enim tincidunt magna in cursus ridiculus</li>
                        <li>Enim tincidunt magna in cursus ridiculus</li>
                        <li>Enim tincidunt magna in cursus ridiculus</li>
                        <li>Enim tincidunt magna in cursus ridiculus</li>
                        <li>Enim tincidunt magna in cursus ridiculus</li>
                        <li>Enim tincidunt magna in cursus ridiculus</li>
                        <li>Enim tincidunt magna in cursus ridiculus</li>
                        <li>Enim tincidunt magna in cursus ridiculus</li>
                    </ul>
                </div>
            </div>
            <!--BIG COLUMN-->
            <div class="floatLeft smallColumn">
                <!--HOME EXAMS-->
                <div class="homeExamDate">
                	<div class="homeExamDateSliderHeader">
                    </div>
                	<!--HOME EXAMS SLIDER-->
                    <div class="homeExamsSlider" id="homeExamsCarousel">
                    	<ul>
                        	<li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">12</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">TÜRKİYE GENELİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">20</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">ANKARA BÖLGESİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">05</div><div class="homeExamSliderItemDateMonth">Ocak 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">DENEME SINAVI</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">12</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">TÜRKİYE GENELİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">20</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">ANKARA BÖLGESİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">05</div><div class="homeExamSliderItemDateMonth">Ocak 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">DENEME SINAVI</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">12</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">TÜRKİYE GENELİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">20</div><div class="homeExamSliderItemDateMonth">Temmuz 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">ANKARA BÖLGESİ</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                            	<div class="overflow homeExamsSliderItemBody noBorder">
                                    <div class="homeExamSliderItemDate"><div class="homeExamSliderItemDateDay">05</div><div class="homeExamSliderItemDateMonth">Ocak 2011</div></div>
                                    <div class="homeExamSliderItemDetails">
                                        <p><a href="#">DENEME SINAVI</a></p>
                                        <p class="marginTop5 font10">Eros velit urna, cum scelerisque porta sit mus</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!--HOME NEWS PAGINATION-->
                    <div class="homeNewsPagination">
                        <a href="#">Tüm Sınavlar</a>
                        <a href="javascript:;" onclick="scrollHomeExamsNext()">&laquo;</a>                       
                        <a href="javascript:;" onclick="scrollHomeExamsPrev()">&raquo;</a>
                    </div>
                </div>
                
            </div>
        </div>
    </div>    
</div>
<div id="footer">
    <div class="footerContent">
        <div class="floatLeft" style="font-size:9px; padding-top:3px; margin-right:5px;">Copyright © 2010 e-STEP | Tüm Hakları Saklıdır.</div>
        <div class="floatLeft marginLeft10 font12 footerLinks"><a href="#">anasayfa</a>  |  <a href="#">hakkımızda</a>  |  <a href="#">site haritası</a>  |  <a href="#">yardım</a>  |  <a href="#">e-posta</a>  |  <a href="#">iletişim</a></div>
        <div class="floatRight"><a href="#" class="marginRight5"><img src="images/rss.png"></a> <a href="#" class="marginRight5"><img src="images/twitter.png"></a><a href="#" class="marginRight5"><img src="images/facebook.png"></a></div>
    </div>
</div>
</body>
</html>
